@charset "UTF-8";
/**
 * @Created by kroyo on 2018/03/13
 * @approve.html 认证证件 页面样式
 */
/**
 * Created by kroyo on 2017/10/19.
 * minxin 公共块
 */
.width100 {
  width: 100px; }

.width200 {
  width: 200px; }

.width300 {
  width: 300px; }

.nodataline {
  width: 100%;
  height: 80px;
  text-align: center; }

.article-header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(254, 185, 92, 0.2);
  color: #999999;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
  overflow: hidden;
  margin-bottom: 20px; }
  .article-header a {
    color: #fab860; }

.btntop {
  position: relative;
  float: right;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }
  .btntop:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../img/infor/icon-top.png) no-repeat center;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .btntop:hover {
    border-color: #00a0e9; }
    .btntop:hover:after {
      background-image: url(../img/infor/icon-top-active.png); }
  .btntop.active:after {
    -webkit-transform: rotate(-180deg);
    /* Safari 和 Chrome */
    -moz-transform: rotate(-180deg);
    /* Firefox */
    -ms-transform: rotate(-180deg);
    /* IE 9 */
    -o-transform: rotate(-180deg);
    /* Opera */
    transform: rotate(-180deg); }

.item-license .item {
  margin-top: 20px; }

.item-license .item-left {
  float: left;
  width: 160px;
  line-height: 40px;
  color: #666666;
  font-size: 14px; }

.item-license .item-right {
  float: right;
  width: 500px; }

.item-license .input {
  width: 100%;
  height: 40px;
  border: 1px solid #dddddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
  color: #333333; }

.item-license .btn-div {
  margin-top: 20px;
  margin-bottom: 20px; }
  .item-license .btn-div .btn {
    width: 160px;
    height: 40px;
    line-height: 38px;
    font-size: 14px; }
  .item-license .btn-div .iconfont {
    margin-right: 10px; }
  .item-license .btn-div span {
    color: #999999;
    font-size: 14px;
    margin-left: 5px; }

.item-license .view-edit {
  display: none; }

.item-license .view-watch {
  height: 40px;
  line-height: 40px;
  color: #333333;
  font-size: 14px;
  margin-bottom: 20px; }

.item-license .img-wrapper {
  position: relative;
  width: 160px;
  height: 160px;
  overflow: hidden;
  cursor: pointer; }
  .item-license .img-wrapper:hover .img-shade {
    opacity: 1; }
  .item-license .img-wrapper img {
    width: 100%;
    height: 100%; }
  .item-license .img-wrapper .img-shade {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    padding-top: 125px;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .item-license .img-wrapper .iconfont {
    float: right;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    margin-right: 20px; }
    .item-license .img-wrapper .iconfont:hover {
      color: #00a0e9; }
  .item-license .img-wrapper .icon-icon-download {
    right: 52px; }
  .item-license .img-wrapper .icon-icon-watch {
    right: 90px; }

.item-license .editbtn {
  width: 160px;
  height: 40px;
  line-height: 40px;
  margin-top: 30px;
  font-size: 14px; }

.item-license .btnlist {
  display: none;
  margin-top: 30px;
  font-size: 0; }
  .item-license .btnlist .btn {
    width: 70px;
    height: 40px;
    line-height: 38px;
    font-size: 14px; }
  .item-license .btnlist .savebtn {
    margin-right: 20px; }

.item-table {
  margin-top: 40px; }
  .item-table table {
    width: 100%;
    height: 100%;
    color: #666666;
    font-size: 14px; }
  .item-table tr {
    border-bottom: 1px solid #dddddd; }
  .item-table td {
    word-break: break-all;
    word-wrap: break-word;
    padding: 10px 40px 10px 0; }
  .item-table .firstline {
    color: #333333; }
  .item-table img {
    width: 60px;
    height: auto;
    vertical-align: middle; }
  .item-table .btnlist {
    font-size: 0;
    padding-right: 0; }
    .item-table .btnlist .iconfont {
      color: #999999;
      font-size: 16px;
      cursor: pointer; }
      .item-table .btnlist .iconfont:hover {
        color: #00a0e9; }
    .item-table .btnlist .icon-icon-download {
      margin-right: 20px; }
  .item-table .line-award {
    padding: 20px 0; }
    .item-table .line-award .iconbtn {
      position: relative;
      display: block;
      width: 30px;
      height: 30px;
      border: 1px solid #dddddd;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      text-align: center;
      cursor: pointer;
      background-color: #ffffff;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      margin-top: 5px;
      z-index: 2; }
      .item-table .line-award .iconbtn:after {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background: url(../img/infor/icon-left.png) no-repeat center;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s;
        transition: all 0.4s; }
      .item-table .line-award .iconbtn:hover {
        border-color: #00a0e9; }
        .item-table .line-award .iconbtn:hover:after {
          background-image: url(../img/infor/icon-left-active.png); }
    .item-table .line-award .topbtn {
      float: left; }
    .item-table .line-award .nextbtn {
      float: right;
      -webkit-transform: rotate(180deg);
      /* Safari 和 Chrome */
      -moz-transform: rotate(180deg);
      /* Firefox */
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -o-transform: rotate(180deg);
      /* Opera */
      transform: rotate(180deg); }
  .item-table .award-list {
    float: left;
    width: 640px;
    vertical-align: middle; }
    .item-table .award-list ul {
      width: 100%; }
    .item-table .award-list li {
      width: 165px;
      height: 40px;
      line-height: 40px;
      padding: 0 30px;
      text-align: center;
      font-size: 0; }
    .item-table .award-list img {
      width: 30px;
      height: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      vertical-align: middle;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s;
      cursor: pointer; }
    .item-table .award-list span {
      font-size: 14px;
      color: #999999;
      margin-left: 10px;
      vertical-align: middle; }
    .item-table .award-list .swiper-slide-active img {
      width: 40px;
      height: 40px; }
  .item-table .swiper-text .swiper-slide-active {
    opacity: 1 !important; }
  .item-table .slide-text {
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ffffff;
    opacity: 0 !important; }
  .item-table .slide-text-active {
    position: relative;
    z-index: 1; }

.win-imgwrapper .container {
  padding-left: 240px; }
  .win-imgwrapper .container .win-content {
    position: relative;
    max-width: 1000px;
    max-height: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    /* Safari 和 Chrome */
    -moz-transform: translateX(-50%) translateY(-50%);
    /* Firefox */
    -ms-transform: translateX(-50%) translateY(-50%);
    /* IE 9 */
    -o-transform: translateX(-50%) translateY(-50%);
    /* Opera */
    transform: translateX(-50%) translateY(-50%);
    margin: 0; }
